<nz-switch [(ngModel)]="loading"></nz-switch>

<nz-card style="width: 300px" [nzLoading]="loading">
  <nz-card-meta
    nzTitle="title"
    nzDescription="description"
    [nzAvatar]="avatarTemplate"
  ></nz-card-meta>
</nz-card>
<ng-template #avatarTemplate>
  <nz-avatar
    nzSrc="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
  ></nz-avatar>
</ng-template>

<nz-card
  style="width: 300px"
  [nzActions]="[actionSetting, actionEdit, actionEllipsis]"
>
  <nz-skeleton [nzActive]="true" [nzLoading]="loading" [nzAvatar]="true">
    <nz-card-meta
      nzTitle="title"
      nzDescription="description"
      [nzAvatar]="avatarTemplate"
    ></nz-card-meta>
  </nz-skeleton>
</nz-card>
<ng-template #actionSetting>
  <span nz-icon nzType="setting"></span>
</ng-template>
<ng-template #actionEdit>
  <span nz-icon nzType="edit"></span>
</ng-template>
<ng-template #actionEllipsis>
  <span nz-icon nzType="ellipsis"></span>
</ng-template>
